home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 3794 / 3794.xpi / chrome / skin / toolbar.css < prev    next >
Cascading Style Sheet File  |  2009-11-16  |  7KB  |  362 lines
  1. #facebook-toolbar-toggle
  2. {
  3.     -moz-image-region: rect(0 16px 16px 0);
  4.     list-style-image: url("chrome://facebook/content/fbfavicon.png");
  5. }
  6.  
  7. toolbar[iconsize="small"] #facebook-toolbar-toggle
  8. {
  9.     -moz-image-region: rect(0 16px 16px 0);
  10.     list-style-image: url("chrome://facebook/content/fbfavicon.png");
  11. }
  12.  
  13. /* Toolbar buttons */
  14. #facebook-toolbar[mode="icons"] .toolbarbutton-text {
  15.   /* don't let the customize toolbar settings blow away our labels */
  16.   display: -moz-box;
  17. }
  18.  
  19. .button:hover label {
  20.   color: #3b5998;
  21. }
  22.  
  23. .button:active label {
  24.   color: #2f4778;
  25. }
  26.  
  27. /* .facebook-share,*/
  28. .facebook-notification,
  29. #facebook-searchbox, .facebook-sidebar-icon image {
  30.   list-style-image: url('chrome://facebook/skin/toolbar.png');
  31.   padding: 0px;
  32. }
  33.  
  34. .facebook-friendlinks toolbarbutton {
  35.   border: 0px;
  36.   list-style-image: url('chrome://facebook/skin/toolbar.png');
  37.   margin: 0px;
  38.   padding: 0px;
  39. }
  40.  
  41. .facebook-friendlinks {
  42.   padding-left: 6px;
  43. }
  44.  
  45. .facebook-sidebar-icon {
  46.   -moz-image-region: rect(0px 287px 16px 268px);
  47.   margin-left: 5px;
  48. }
  49. .facebook-sidebar-icon .toolbarbutton-text {
  50.   margin: 0;
  51.   padding: 0;
  52. }
  53.  
  54. #facebook-toolbar-status {
  55.   max-width: 400px;
  56.   min-width: 100px;
  57.   border: 0;
  58. }
  59.  
  60. #facebook-toolbar-status .textbox-input {
  61.   margin: 2px !important;
  62. }
  63.  
  64. #facebook-search .textbox-input-box {
  65.   -moz-binding: url('chrome://facebook/content/bindings.xml#facebook-search-hbox');
  66.   padding: 0px;
  67. }
  68.  
  69. #facebook-search image {
  70.   -moz-image-region: rect(0px 64px 15px 48px);
  71.   height: 15px;
  72.   margin: 1px 0;
  73.   width: 16px;
  74. }
  75.  
  76. #facebook-search .textbox-input {
  77.   border: none!important;
  78.   padding-left: 3px!important;
  79. }
  80.  
  81. #facebook-toolbar .typeahead_placeholder {
  82.   color: #777;
  83. }
  84.  
  85. #facebook-link-menu {
  86.   padding-right: 6px;
  87.   margin-right: 0px;
  88. }
  89.  
  90. .facebook-notification {
  91.   padding: 0px 5px;
  92.   margin: 0px;
  93. }
  94.  
  95. .facebook-notification > .toolbarbutton-icon {
  96.   padding: 0px 5px 0px 0px;
  97.   margin: 0px;
  98. }
  99.  
  100. .facebook-notification > .toolbarbutton-text {
  101.   padding: 0px;
  102.   margin: 0px;
  103. }
  104.  
  105. /* -- Pokes -- */
  106. .facebook-icon-poke:hover {
  107.   -moz-image-region: rect(0px 188px 14px 172px);
  108. }
  109.  
  110. .facebook-icon-poke:active {
  111.   -moz-image-region: rect(0px 236px 14px 220px);
  112. }
  113.  
  114. .facebook-icon-poke, .facebook-icon-poke[label="0"], .facebook-icon-poke[label="?"] {
  115.   -moz-image-region: rect(0px 16px 14px 0px);
  116. }
  117.  
  118. /* -- Friend Reqs -- */
  119. .facebook-icon-reqs:hover {
  120.   -moz-image-region: rect(0px 204px 14px 188px);
  121. }
  122.  
  123. .facebook-icon-reqs:active {
  124.   -moz-image-region: rect(0px 252px 14px 236px);
  125. }
  126.  
  127. .facebook-icon-reqs {
  128.   margin: 0px;
  129.   -moz-image-region: rect(0px 32px 14px 16px);
  130. }
  131.  
  132. /* -- Messages -- */
  133. .facebook-icon-msgs:hover {
  134.   -moz-image-region: rect(0px 220px 14px 204px);
  135. }
  136.  
  137. .facebook-icon-msgs:active {
  138.   -moz-image-region: rect(0px 268px 14px 252px);
  139. }
  140.  
  141. .facebook-icon-msgs {
  142.   margin: 0px;
  143.   -moz-image-region: rect(0px 48px 14px 32px);
  144. }
  145.  
  146. /* -- Events -- */
  147. .facebook-icon-evts:hover,
  148. .facebook-icon-evts:active {
  149.   -moz-image-region: rect(0px 347px 16px 332px);
  150. }
  151.  
  152. .facebook-icon-evts {
  153.   margin: 0px;
  154.   -moz-image-region: rect(0px 332px 16px 317px);
  155. }
  156.  
  157. /* -- Groups -- */
  158. .facebook-icon-grps:hover,
  159. .facebook-icon-grps:active {
  160.   -moz-image-region: rect(0px 379px 16px 363px);
  161. }
  162.  
  163. .facebook-icon-grps {
  164.   margin: 0px;
  165.   -moz-image-region: rect(0px 363px 16px 347px);
  166. }
  167.  
  168. /* -- Home -- */
  169. #facebook-home {
  170.   list-style-image: url('chrome://facebook/skin/toolbar.png');
  171.   padding: 0px;
  172.   padding-left: 4px;
  173.   border: 0;
  174.   margin: 0;
  175.   -moz-image-region: rect(0px 424px 16px 409px);
  176. }
  177. #facebook-home:active,
  178. #facebook-home:hover
  179. {
  180.   -moz-image-region: rect(0px 440px 16px 425px);
  181. }
  182.  
  183. #facebook-home .toolbarbutton-text,
  184. #facebook-home label
  185. {
  186.   margin: 0;
  187.   padding: 0;
  188.   display: none;
  189. }
  190.  
  191. /* somewhat annoying because these guys could be used as quick links */
  192. .facebook-notification[label="0"]{
  193.   display: none;
  194. }
  195.  
  196. toolbarpaletteitem[place="toolbar"] .facebook-notification[label="0"] {
  197.   display: -moz-box;
  198. }
  199.  
  200. .facebook-notification[label="?"] label {
  201.   color: #000!important;
  202. }
  203.  
  204. /*
  205. .facebook-icon-share {
  206.   padding-left: 4px;
  207.   margin-left: 0px;
  208.   -moz-image-region: rect(0px 109px 14px 64px);
  209. }
  210.  
  211. .facebook-icon-share:hover {
  212.   padding-left: 4px;
  213.   margin-left: 0px;
  214.   -moz-image-region: rect(0px 154px 14px 109px);
  215. }
  216. */
  217.  
  218. /* Upload */
  219. .facebook-icon-photoupload {
  220.   list-style-image: url('chrome://facebook/skin/toolbar.png');
  221.   padding: 0px 5px;
  222.   border: 0;
  223.   margin: 0;
  224.   -moz-image-region: rect(0 456px 16px 440px);
  225. }
  226.  
  227. .facebook-icon-photoupload:hover {
  228.   -moz-image-region: rect(0 473px 16px 457px);
  229. }
  230.  
  231. .facebook-icon-wall {
  232.   -moz-image-region: rect(0px 302px 16px 287px);
  233. }
  234.  
  235. .facebook-icon-wall:hover {
  236.   -moz-image-region: rect(0px 317px 16px 302px);
  237. }
  238.  
  239. #facebook-login-info-name {
  240.   padding: 0px;
  241.   margin: 0px;
  242.   border: solid 1px #546324;
  243. }
  244.  
  245. #facebook-name-info {
  246.   margin: 0px;
  247. }
  248.  
  249. #facebook-login-status {
  250.   margin: 0px;
  251.   padding-right: 4px;
  252.   margin-right: 4px;
  253. }
  254.  
  255. .facebook-link {
  256.   cursor: pointer;
  257.   color: #3B5998;
  258. }
  259.  
  260. .facebook-link:hover {
  261.   text-decoration: underline;
  262. }
  263.  
  264. .emptyBox {
  265.   -moz-binding: url('chrome://facebook/content/bindings.xml#emptyBox');
  266.   padding: 5px;
  267. }
  268.  
  269. .popupFriendBox, .friendBox {
  270.   -moz-binding: url('chrome://facebook/content/bindings.xml#friendBox');
  271.   -moz-box-align: start;
  272.   -moz-box-pack: start;
  273.   padding: 6px;
  274.   margin: 0px;
  275.   /* background-color: magenta; TEST */
  276. }
  277. .popupFriendBox .facebook-friendlinks {
  278.   display: none;
  279. }
  280.  
  281. #PopupMessager {
  282.   -moz-binding: url('chrome://facebook/content/bindings.xml#popupMessager');
  283.   padding: 5px;
  284.   margin: 0px;
  285. }
  286. #PopupPoker {
  287.   -moz-binding: url('chrome://facebook/content/bindings.xml#popupPoker');
  288.   padding: 5px;
  289.   margin: 0px;
  290. }
  291. #PopupPoster {
  292.   -moz-binding: url('chrome://facebook/content/bindings.xml#popupPoster');
  293.   padding: 5px;
  294.   margin: 0px;
  295. }
  296.  
  297. .status {
  298.    color: #333333;
  299.    font-size: 11px;
  300. /* background-color: #999; TEST */
  301. }
  302.  
  303. .stime {
  304.    color: #999999;
  305.    font-size: 10px;
  306.    margin-bottom: 3px;
  307. /* background-color: #333; TEST */
  308. }
  309.  
  310. .ptime {
  311.    font-size: 10px;
  312.    margin-bottom: 3px;
  313. /* background-color: yellow; TEST */
  314. }
  315.  
  316. .user_name {
  317.    margin-bottom: 5px;
  318.    font-weight: bold;
  319. }
  320.  
  321. .friend-image {
  322.    min-width: 50px;
  323. }
  324.  
  325. .mini-link {
  326.    font-size: 9px;
  327.    padding: 0px;
  328.    margin: 0px;
  329. }
  330.  
  331. #FacebookHint {
  332.   overflow:hidden;
  333.   color: #808080;
  334.   padding: 5px;
  335. }
  336.  
  337. /* Add separators between each friend box */
  338. #PopupFacebookFriends richlistitem,
  339. #SidebarFriendsList richlistitem {
  340.   padding: 3px;
  341.   margin: 0px;
  342.   border-bottom: 1px solid #b1bdd6;
  343. }
  344. #PopupFacebookFriends richlistitem:last-child,
  345. #SidebarFriendsList richlistitem:last-child {
  346.   border-bottom: none;
  347. }
  348.  
  349. #PopupFacebookFriends richlistitem[selected=true],
  350. #PopupFacebookFriends richlistitem[selected=true] .facebook-link,
  351. #PopupFacebookFriends richlistitem[selected=true] .stime,
  352. #PopupFacebookFriends richlistitem[selected=true] .status,
  353. #SidebarFriendsList richlistitem[selected=true],
  354. #SidebarFriendsList richlistitem[selected=true] .facebook-link,
  355. #SidebarFriendsList richlistitem[selected=true] .stime,
  356. #SidebarFriendsList richlistitem[selected=true] .status,
  357. #FacebookHint[selected=true] {
  358.     background-color: Highlight;
  359.     color: HighlightText;
  360. }
  361.  
  362.